<template>
  <router-view />
</template>

<script setup>
import useSettingsStore from "@/store/modules/settings";
import { handleThemeStyle } from "@/utils/theme";

onMounted(() => {
  nextTick(() => {
    // 初始化主题样式
    handleThemeStyle(useSettingsStore().theme);
  });
});
</script>
<style lang="scss">
@media screen and (max-width: 500px) {
  .el-dialog {
    width: 300px !important;
    /* background-color: #f00; */
    .el-dialog__body {
      /* background-color: #f00; */
      padding: 10px 20px !important;
      .el-form-item__label {
        /* background-color: #f00; */
        width: 88px !important;
      }
      .el-select,
      .el-input {
        /* background-color: #f00; */
        width: 180px !important;
      }
      .el-input__inner[type="number"] {
        width: 150px !important;
      }
      /* .el-input-number {
        width: 150px !important;
      } */
    }
  }
}
</style>
